<template>
  <div>
    <section :class="$style.wrap">
      <!-- 标题 -->
      <h1 :class="$style.title">关于本主题</h1>
      <!-- 文章信息 -->
      <div :class="$style.data">
        <span>
          <i class="mdi mdi-calendar-weekend"></i>
          <time datetime="2021-7-19T12:58:18">2021-07-19</time>
        </span>
        <span>
          <i class="mdi mdi-account-outline"></i>
          <a href="https://www.wdssmq.com/" title="沉冰浮水" target="_blank">沉冰浮水</a>
        </span>
      </div>
      <!-- 文章内容 -->
      <div class="markdown-css">
        <h3>vue_TestType</h3>
        <p>
          和初号机一样，这个主题的很多东西都是别人的，在此基础上接入了 Z-BlogPHP
          API 并且构建工具换成了 vite；
        </p>
        <p>构建源码可以加 QQ 群索取：189574683；←想要各种修改的可以自己动手，虽然 Git 其实是公开的；</p>
        <p>因为是 vue 主题，总不会有人嫌 SEO 效果不好吧 /doge；</p>
        <h3>安装</h3>
        <p>vue_TestType - Z-Blog 应用中心</p>
        <p>
          <a
            href="https://app.zblogcn.com/?id=22423"
            target="_blank"
            title="vue_TestType - Z-Blog 应用中心"
            >https://app.zblogcn.com/?id=22423</a
          >
        </p>
        <h3>引用</h3>
        <p>
          <a
            href="https://github.com/ctxtub/vue-blog-theme"
            target="_blank"
            title="ctxtub/vue-blog-theme"
            >https://github.com/ctxtub/vue-blog-theme</a
          >
        </p>
        <p>
          <a
            href="https://github.com/ossso/os2020-vue-theme"
            target="_blank"
            title="ossso/os2020-vue-theme"
            >https://github.com/ossso/os2020-vue-theme</a
          >
        </p>
        <h3>打酱油的某人</h3>
        <p>因为派发任务太麻烦了加上自己一投入就停不下来所以基本都自己写了- -；</p>
        <p>魔王 (mwmws) - <a href="https://gitee.com/mwmws" target="_blank" title="魔王 (mwmws) - Gitee.com">https://gitee.com/mwmws</a></p>
      </div>
    </section>
  </div>
</template>

<style lang="scss" module>
.wrap {
  box-sizing: border-box;
  max-width: 900px;
  padding: 0 30px;
  margin: 0 auto;
}
.title {
  margin: 30px 0 20px;
  color: #222;
  font-size: 21px;
  text-align: center;
}
.data {
  margin: 20px 0 15px;
  font-size: 12px;
  color: #5f5f5f;
  text-align: center;
  a {
    color: #555;
    border-bottom: 1px solid #ccc;
  }
  span {
    padding: 0 5px;
  }
}
</style>
